<template>
	<div>
		<footer class="container-fluid footer">
			<div class="container text-center ">
				<p>Copyright 2020 进击的蝙蝠 AllRightsReserved V.1.0 冀ICP备20004529号</p>
			</div>
			<br>
			<div class="container text-center">
				<p class="p2">
				<ul class="ul-a clearfix">
					<li><a href="#">联系我们</a></li>
					<li>/</li>
					<li><a href="#">赞助本站</a></li>
					<li>/</li>
					<li><a href="#">广告合作</a></li>
					<li>/</li>
					<li><a href="#">使用说明</a></li>
					<li>/</li>
					<li><a href="#">友情链接</a></li>
					<li>/</li>
					<li><a href="#">关注微信</a></li>
				</ul>
				</p>
			</div>
		</footer>
	</div>
</template>

<script>
	export default{
		name:"footer1"
	}
</script>

<style>
	.p2{
		text-align: center
	}
	.footer{
		background-color: rgba(163, 187, 187, 0.17);
		margin-top: 7vh;
		border-top: 1px solid #CCCCCC;
		padding-top: 7vh;
	}
	.ul-a li a{
		color: #212529;
	}
	.ul-a li a:hover{
		color: #212529;
		text-decoration: none;
	}
	.ul-a li{
		list-style: none;
		margin:0 5px 0 5px;
		float: left;
	}
	.ul-a{
		display: inline-block;
	}
</style>
